.ce-settings {
  &__button {
    @apply --toolbar-button;

    &:not(:nth-child(3n+3)) {
      margin-right: 3px;
    }

    &:nth-child(n+4) {
      margin-top: 3px;
    }

    line-height: 32px;

    &--disabled {
        cursor: not-allowed !important;
        opacity: .3;
    }

    &--selected {
      color: var(--color-active-icon);
    }
  }
}

.codex-editor--narrow .ce-settings {
  @media (--not-mobile){
    .ce-popover {
      right: 0;
      left: unset;
    }
  }
}
